export default {
  themeOverrides: {
    common: {
      primaryColor: "#7047EB"
    },
    Avatar: {
      heightMedium: "32px",
      heightLarge: "36px"
    },
    Input: {
      color: "rgba(255, 255, 255, 0.06)",
      colorFocus: "rgba(84, 35, 231, 0.1)",
      caretColor: "#7047EB",
      loadingColor: "#7047EB",
      border: "1px solid rgba(255, 255, 255, 0.10)",
      borderHover: "1px solid #7047EB",
      borderFocus: "1px solid #7047EB",
      paddingMedium: "0 20px",
      heightMedium: "56px",
      boxShadowFocus: "0 0 8px 0 rgba(84, 35, 231, 0.3)",
      borderRadius: "12px",
      iconSize: "16px"
    },
    Switch: {
      railColorActive: "rgba(84, 35, 231, 1)",
      loadingColor: "rgba(84, 35, 231, 1)"
    },
    Spin: {
      color: "#835df7",
      textColor: "#835df7"
    },
    Popover: {
      color: "rgba(71, 73, 93, 1)"
    },
    Select: {
      // menuBoxShadow: "0 6px 16px -9px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)",
      InternalSelection: {
        textColor: "#fff",
        borderRadius: "10px",
        borderHover: "1px solid #7047EB",
        borderFocus: "1px solid #7047EB",
        borderActive: "1px solid #7047EB",
        boxShadowFocus:"none",
        border: "1px solid rgba(255, 255, 255, 0.10)",
      },
      InternalSelectMenu: {
        borderRadius: "10px",
        borderHover: "1px solid #7047EB",
        borderFocus: "1px solid #7047EB",
        borderActive: "1px solid #7047EB",
        boxShadowFocus:"none",
        border: "1px solid rgba(255, 255, 255, 0.10)",
      },
      peers: {
        InternalSelection: {
          textColor: "#fff",
          borderRadius: "10px"
        },
        InternalSelectMenu: {
          borderRadius: "10px"
        }
      }
    }
  }
};
